/* 菜单列表相关样式 */

#mask {
	visibility: hidden;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0;
	z-index:0;
	transition: all 0.5s;
}

#menuList {
	width: 0%;
	height: 100vh;
	/* font-family: Compasse; */
	background: rgba(10, 93, 102, 0.98);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 998;
	color: #4EB1AC;
	box-sizing: border-box;
	transition: all 0.5s;
}

div.show-menu {
	width: 67.3% !important;
	padding: 1.2rem 0rem 1.3rem 1.3rem !important;
}

#menuList > div.list-item {
	font-size: 0.48rem;
	line-height: 0.58rem;
	margin: 0.12rem 0rem;
	cursor: pointer;
	display: inline-block;
	max-width: 4.8rem;
	transition: all 0.5s;
	transform: translateY(-0.2rem);
	opacity: 0;
	position: relative;
	white-space:nowrap;
}

#menuList > div.list-item > div.sub-text {
	transition: all 0.5s;
}

#menuList > div.list-item > div.sub-list {
	display: flex;
	flex-direction: column;
	font-size: 0.24rem;
	line-height: 0.36rem;
	color: #4EB1AC;
	position: absolute;
	top: 0.08rem;
	left: 60%;
	visibility: hidden;
	opacity: 0;
	transition: all 0.6s;
}

#menuList > div.list-item > div.sub-list > span {
	margin: 0.08rem 0rem;
	transition: all 0.5s;
	white-space: nowrap;
}

.active {
	color: #ffffff;
}